#container {
        margin: auto;
        width: 900px;
        height: 100%;
	background-color: #F4F4FF;
        border: solid;
        border-width: 1px;
	border-color: #000000;
	font-family: calibri;
        border: groove 0.3em grey;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
        padding: 0.3em;
        -moz-box-shadow: 0 0 1em gold;
        -webkit-box-shadow: 0 0 1em gold;
        box-shadow: 0 0 1em gold;
}

#container #topleft {
        float: left;
        width: 640px;
        height: 96px;
        background-color: #FFFFFF;
        -webkit-border-top-left-radius: 1em;
        -moz-border-radius-topleft: 1em;
        border-top-left-radius: 1em;
}

#container #topleft img {
        border: none;
}

#container #topright {
        float: left;
        width: 260px;
        height: 96px;
        text-align: center;
        background-color: #FFFFFF;
}

#container #topmenu {
        clear: both;
        width: 898px;
        height: 35px;
        padding-left: 1em;
        font-size: 1em;
        display: table-cell;
        vertical-align: middle;
	background-color: #F4F4FF;
}

#container #topmenu a:visited {
        color: blue;
}

#container #middle #middleleft {
        float: left;
        width: 550px;
        height: 75%;
        background-color: #FFFFFF;
}

#container #middle #middleleft p {
        font-size: 1em;
        padding: 5px
}

#container #middle #middleleft #code {
        font-size: 0.9em;
        font-family: "Times New Roman";
}

#container #middle #middleleft div.titre {
        font-size: 1.5em;
        font-weight: 200;
        padding: 10px;
        padding-bottom: 0px;
}

#container #middle #middleleft div.liste {
        padding: 10px;
}

#container #middle #middleleft #description {
        padding: 10px;
}

#container #middle #middleright {
	float: right;
	width: 347px;
	height: 75%;
	background-color: #F4F4FF;
}

#container #middle #middleright div.titre {
        font-size: 1.5em;
        font-weight: 200;
        padding: 10px;
}

#container #middle #middleright a:link {
        text-decoration: none;
}

#container #middle #middleright a:hover {
        text-decoration: none;
}

#container #middle #middleright a:visited {
        text-decoration: none;
}

#container #middle #middleright h1 {
        font-size: 3em;
}

#container #bottom {
        clear: both;
        width: 870px;
        height: 30%;
        text-align:center;
        background-color: #FFFFFF;
        padding: 15px;
}

#container #bottom div.titre {
        font-size: 1.5em;
        font-weight: 200;
        padding: 10px;
}

#container #bottom p {
        font-size: 1em;
}

#container #bottom a {
        color: blue;
}

#container #bottom #code {
        font-size: 0.9em;
        font-family: "Times New Roman";
}

#container #bottom ul {
    text-align : left;
}

table.data {
	border-width: medium;
	border-spacing: 2px;
	border-style: inset;
	border-color: blue;
	border-collapse: separate;
	background-color: rgb(255, 255, 240);
        margin : 0 auto;
}
table.data th {
	border-width: thin;
	padding: 1px;
	border-style: outset;
	border-color: gray;
	background-color: rgb(255, 250, 250);
}
table.data td {
	border-width: thin;
	padding: 1px;
	border-style: outset;
	border-color: gray;
	background-color: rgb(255, 250, 250);
}
